<template>
	<view class="hint">
		<image src="../../static/Toooools.png" mode=""></image>
		<view class="enter">
			<text class="welcome">欢迎使用Toooools</text>
			<button @click="startPlay">开始使用</button>
		</view>
		<view class="tips">
			<text>温馨提示</text>
			<text>该工具只用来学习和娱乐，不得用做商业行为，一经发现，追究责任！！！</text>
			<text style="margin: 15rpx auto;">若有侵权，联系作者，进行整改！！</text>
			<text style="color: #FFFFFF;margin: 30rpx auto;">接口来源：果创云，网易新闻</text> 
		</view>
	</view>
</template>
 
<script>
	export default{
		methods:{
			startPlay(){
				uni.showModal({
				    title: '温馨提示',
				    content: '该工具只用来学习和娱乐，不得用做商业行为，一经发现，追究责任！！！',
				    success: function (res) {
				        if (res.confirm) {
							uni.navigateTo({
								url:"../index/index"
							})
				        } else if (res.cancel) {
				            uni.showToast({
				            	title:"你就不想进去看看吗？",
								icon:"none"
				            })
				        }
				    }
				});
			}
		}
	}
</script>

<style lang="scss">
	.hint{
		width: 100%;
		height: 100vh;
		background-color: #F0AD4E;
		overflow: hidden;
		position: relative;
		image{
			display: block;
			width: 298rpx;
			height: 331rpx;
			margin: 0 auto;
			margin-top: 300rpx;
		}
		.enter{
			text-align: center;
			margin: 100rpx 0;
			.welcome{
				color: #FFFFFF;
			}
			button{
				width: 60%;
				background: #4CD964;
				color: #FFFFFF;
				margin-top: 40rpx;
			}
		}
		.tips{
			display: flex;
			flex-wrap: wrap;
			width: 80%;	
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			
			text{
				display: block;
				font-size: 24rpx;
				text-align: center;
				color: red;
			}
			text:nth-child(1){
				font-size: 30rpx;
				margin: 20rpx auto;
			}
		}
	}
</style>
